
// Una vez cargado el documento, hacer:
$(document).ready(function()
{
    apostarAjax();
    reasignacionAjax();
    crearPartidoJS();
    crearJugadorJS();
    cargarDatePicker();
    crearGolAjax();
    colapsarCollapsable();

});


function colapsarCollapsable()
{

    // Toggle del icono
    $(".toggleCollapsable").toggle(
        function() {
            $(".toggleCollapsable").attr("src", "images/expandicon.jpg");
        },
        function() {
            $(".toggleCollapsable").attr("src", "images/collapseicon.jpg");
        }
    );

    // Colapsar div
    $(".toggleCollapsable").click( function() {

        // Que div? Su id es "toggleCollapsable.i"
        // Rescatamos el i y escondemos "collapsable.i"

        var id = $(this).attr("id");
        var index = id.substr( id.length - 1 , 1 );
       
        $("#collapsable\\."+ index).slideToggle("400", function(){} );
    });
}


function crearGolAjax()
{
    // Cambia idEquipo
    $("#crearGolForm select[name='idEquipo']").change( function() {

        var respuestaAjax = $.ajax({
                                      type: "POST",
                                      url: "lib/controllers/JugadoresDeEquipoAjax.php",
                                      data: "idEquipo="+ $("#idEquipo").val(),
                                      async: false

                                   }).responseText;

        // Cambiar el select de jugadores (con los de ese equipo)
        $("#idJugador").html(respuestaAjax);
    });
}

function crearJugadorJS()
{
    $("#crearJugadorForm select[name='idEquipo']").change( function() {

        // Selecciona finalizado
        if ($(this).val() == '-1')
        {
            // Mostrar droplist de resultados
            $("#crearJugadorForm input[name='fechaInscripcion']").val('');
        }


    });
}

function cargarDatePicker()
{
    //$(".datepicker").attr('readonly', true);
    $(".datepicker").keypress(function(event) {event.preventDefault();});

    $(".datepicker").datepicker({
            showOn: 'button',
            buttonImage: 'images/calendar.gif',
            buttonImageOnly: true,
            dateFormat: 'yy-mm-dd'
    });
}

function apostarAjax()
{

    // Tomar partido inicial y elegirlo en el select
    $("#apostarForm #idPartido").val( $("#crearGolForm input[name='idPartidoInicial']").val() );

    // Al cambiar alguno de estos tres:
    $("#apostarForm input[name='resultado'], #apostarForm #idPartido, #apostarForm #monto").change( function() {

        var resultado = $("input[name='resultado']:checked");
        var idPartido = $("#idPartido");
        var monto     = $("#monto");

        // Request a infoapuesta.php, que devuelve un string
        var respuestaAjax = $.ajax({
                                      type: "POST",
                                      url: "infoapuesta.php",
                                      data: "idPartido="+ idPartido.val() +"&monto="+ monto.val() +"&resultado="+ resultado.val(),
                                      async: false

                                   }).responseText;

        // Cargamos la respuesta en el div
        $("#infoApuesta").html(respuestaAjax);
    });

}

function reasignacionAjax()
{
    $("#reasignacionForm #idJugador").change( function() {

        var respuestaAjax = $.ajax({
                                      type: "POST",
                                      url: "lib/controllers/EquipoActualAjax.php",
                                      data: "idJugador="+ $("#idJugador").val(),
                                      async: false

                                   }).responseText;

        // Cambiar el elegido en el dropdown:
        $("#idEquipo").val(respuestaAjax);

    });
}

function crearPartidoJS()
{
    $("#crearPartidoForm select[name='estado']").change( function() {

        // Selecciona finalizado
        if ($(this).val() == '5')

            // Mostrar droplist de resultados
            $("#crearPartidoForm select[name='resultado']").show(0);
        else
        {
            // Esconder y dejarlo en la 1era opcion(-1)
            $("#crearPartidoForm select[name='resultado']").hide(0);
            $("#crearPartidoForm select[name='resultado']").val('-1');
        }
            

    });
}